<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>我的 | 码上知道</title>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

		<link rel="shortcut icon " type="images/x-icon" href="image/favicon.ico" />
		<link href="https://cdn.bootcss.com/font-awesome/5.13.0/css/all.css" rel="stylesheet">
		<link href="https://cdn.bootcss.com/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
		<link href="css/common.css" rel="stylesheet" />
		<link href="css/me.css" rel="stylesheet" />

		<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/semantic-ui/2.4.1/semantic.min.js"></script>
		<script src="js/common.js"></script>
		<script src="js/me.js"></script>

	</head>
	<body>
		<div id="sidebar" class="ui left sidebar thin vertical inverted menu">
			<div id="sidebaruser" class="item">
				<div id="sidebarheadphoto">
				</div>
				<div id="sidebarlogintips">
					您还未登录<br />请<a class="logintrigger" href="javascript:void(0);">&nbsp;登录&nbsp;</a>或<a href="register.html">&nbsp;注册&nbsp;</a>
				</div>
			</div>
			<a class="item" href="index.html">
				首页<i class="fas fa-home icon"></i>
			</a>
			<a class="item" href="index.html">
				看问答<i class="fas fa-comments icon"></i>
			</a>
			<a class="item" href="article.html">
				看文章<i class="fas fa-book icon"></i>
			</a>
			<a class="item" href="https://github.com/jxzhangaoran/mszdqabbs">
				关于网站<i class="fas fa-rss icon"></i>
			</a>
			<a class="item" href="https://github.com/jxzhangaoran">
				关于作者<i class="fas fa-at icon"></i>
			</a>
			<a class="item mobilelogined loginhidden" href="invite.html">
				邀请回答<span class="inviteNumber">0</span><i class="envelope outline icon"></i>
			</a>
			<a class="item mobilelogined loginhidden" href="me.html">
				我的<i class="user icon"></i>
			</a>
			<a class="item mobilelogined loginhidden" href="javascript:void(0)" id="mobilecancellogin">
				注销登录<i class="power off icon"></i>
			</a>
			<div id="sidebarlogocontainer" class="item" style="	border-bottom: none !important;">
				<div id="sidebarlogo">
				</div>
				<div id="sidebarlogotips">
					2020<br />By @Matsk
				</div>
			</div>
		</div>
		<div class="dimmed pusher">
			<header>
				<div class="ui borderless main menu fixed">
					<a href="javascript:void(0)" id="togglePusher" class="item showhigherthan900">
						<i class="fa fa-bars"></i>
					</a>
					<div class="ui text container" style="max-width: 700px !important;">
						<div href="#" class="header item">
							<img src="image/logo.png" id="navlogo" style="height: 30px; width: auto;cursor: pointer;" alt="码上知道" />
						</div>
						<div class="right menu">
							<a href="index.html" class="item hidelowerthan900"><i class="fas fa-comments icon"></i>&nbsp;看问答</a>
							<a href="article.html" class="item hidelowerthan900"><i class="fas fa-book icon"></i>&nbsp;看文章</a>
							<div class="ui simple dropdown item hidelowerthan900">
								更多 <i class="dropdown icon"></i>
								<div class="menu">
									<a class="item" href="https://github.com/jxzhangaoran/mszdqabbs"><i class="fas fa-rss icon"></i>&nbsp;关于网站</a>
									<a class="item" href="https://github.com/jxzhangaoran"><i class="fas fa-at icon"></i>&nbsp;关于作者</a>
								</div>
							</div>
							<div id="search" class="item ui search">
								<div class="ui icon input">
									<i class="search link icon " id="searchicon"></i>
									<input type="text" class="prompt" placeholder="用户/问答/文章">
								</div>
							</div>
						</div>
						<div id="headphotoitem" class="item hidelowerthan900" style="position: absolute; right: 30px; margin-top: -2.5px;">
							<div id="headphotocontainer" style="width: 40px;
						height: 40px;
						border: 1.5px solid dimgray;
						margin-top: -6px;
						border-radius: 50% !important;
						background-image: url(image/default_headphoto.png);
						background-size: 100% 100%;
						background-position: center;
						background-repeat: no-repeat;">
							<i class="circle icon msgTipRedPoint"></i>
							</div>
							<div id="usertips" class="ui custom popup top left transition hidden">
								<div id="notlogin">
									您还未登录<br />请<a class="logintrigger" href="javascript:void(0);">&nbsp;登录&nbsp;</a>或<a href="register.html">&nbsp;注册&nbsp;</a>
								</div>
								<div id="logined" class="loginhidden">
									<div class="usernamediv">
										欢迎回来<br /><span id="usernameinfo"></span>
									</div>
									<div class="ui divider"></div>
									<div class="ui vertical pointing menu">
										<a class="item" href="invite.html">
											邀请回答<span class="inviteNumber" style="margin-left: 1em;">0</span><i class="envelope outline icon" style="margin-top: 0.2em"></i>
										</a>
										<a class="item" href="me.html">
											我的<i class="user icon"></i>
										</a>
										<a class="item" id="pccancellogin">
											注销<i class="power off icon"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="ui modal" id="loginmodal">
					<i class="close icon"></i>
					<div class="header" style="text-align: center;">
						欢迎
					</div>
					<div class="content" style="text-align: center;">
						<form class="ui form" id="loginform">
							<div class="ui stacked segment">
								<div class="field" id="usernamefield">
									<div class="ui left icon input">
										<i class="address card icon"></i>
										<input id="usernameinput" type="text" name="username" placeholder="用户名或电子邮箱" autocomplete="off" />
									</div>
								</div>
								<div class="field" id="passwordfield">
									<div class="ui left icon input">
										<i class="key icon"></i>
										<input id="passwordinput" type="password" name="password" placeholder="密码" autocomplete="off" />
									</div>
								</div>
								<div class="inline field" style="text-align: left;">
									<label data-tooltip="请尝试找回密码或联系QQ:1004529325." data-position="top center"><i class="question circle outline icon"></i>登录遇到问题？</label>
									<a style="float: right;" href="javascript:void(0);" id="getBackPassword">找回密码</a>
								</div>
								<div class="inline field" style="text-align: left;">
									<label><i class="question circle outline icon"></i>新用户？</label>
									<a style="float: right;" href="javascript:void(0);" id="goRegister">注册账号</a>
								</div>
								<div class="ui fluid large blue submit button" id="loginbtn">登录</div>
							</div>
							<div class="ui error message" id="loginerrorlist">
								<ul class="list">

								</ul>
							</div>
						</form>
					</div>
				</div>
				<!-- 找回密码 -->
				<div class="ui modal" id="findPasswordModal">
					<i class="close icon"></i>
					<div class="header" style="text-align: center;">
						请输入您注册时的邮箱
					</div>
					<div class="content" style="text-align: center;">
						<form class="ui form">
							<div class="ui stacked segment">
								<div class="field" id="findpasswordfield">
									<div class="ui left icon input">
										<i class="envelope open icon"></i>
										<input id="findpasswordemailinput" type="text" name="findpasswordemail" placeholder="example@abc.com"
										 autocomplete="off" />
									</div>
								</div>
								<div class="field" id="findpasswordverifycodefield" style="display: none;">
									<div class="ui left icon input">
										<i class="code icon"></i>
										<input id="findpasswordverifycodeinput" type="text" name="findpasswordverifycode" placeholder="6位数字验证码"
										 autocomplete="off" />
									</div>
								</div>
								<div class="field" id="findpasswordinputfield" style="display: none;">
									<div class="ui left icon input">
										<i class="lock icon"></i>
										<input id="newpasswordinput" type="password" name="newpassword" placeholder="包含字母和数字，6-20位" autocomplete="off" />
									</div>
								</div>
								<div class="ui fluid large blue button" id="findpasswordbtn" style="font-size: 1em;">找回密码</div>
								<div class="ui fluid large blue button disabled" id="findpasswordbtn_step2" style="font-size: 1em;display:none">下一步</div>
								<div class="ui fluid large blue button disabled" id="findpasswordbtn_step3" style="font-size: 1em;display:none">确认修改</div>
							</div>
							<div class="ui error message" id="findpassworderrorlist">
								<ul class="list">

								</ul>
							</div>
						</form>
					</div>
				</div>
			</header>

			<main style="margin-top: 5em;">
				<div class="ui container">
					<div class="ui four stackable column grid">
						<div class="sixteen wide column">
							<div class="ui segment">
								<div class="ui fluid placeholder">
									<div class="square image header">
										<div class="line"></div>
										<div class="line"></div>
									</div>
									<div class="paragraph">
										<div class="line"></div>
										<div class="line"></div>
										<div class="line"></div>
										<div class="line"></div>
										<div class="line"></div>
									</div>
								</div>

								<div id="myheadphotocontainer" class="hidewhenloading">
									<div id="myheadphotoborder">
									</div>
								</div>
								<div id="myinfo" class="hidewhenloading">
									<table>
										<tr>
											<td colspan="2">
												<div class="ui large header" id="nickname">未登录</div>
											</td>
										</tr>
										<tr>
											<td>
												<p id="username2" class="gray_info"><i class="address card icon"></i>&nbsp;
													用户名：
												</p>
											</td>
											<td><span id="usernameshow"></span></td>
										</tr>
										<tr>
											<td>
												<p id="registertime" class="gray_info"><i class="clock outline icon"></i>&nbsp;
													注册时间：</p>
											</td>
											<td>
												<span id="registertimeshow"></span>
											</td>
										</tr>
										<tr>
											<td>
												<p id="motto" class="gray_info"><i class="pencil alternate icon"></i>&nbsp;
													个性签名：</p>
											</td>
											<td>
												<span id="mottoshow">这个人有点懒，没有留下个性签名哦~</span>
											</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
						<!-- 所有template的集合 -->
						<div class="allTemplates" style="display: none;">
							<!-- 空结果的模板 -->
							<div class="emptyResultTemplate">
								<div class="emptyResult">
									<div class="emptyImg">
										<img src="image/empty.png" alt="无" />
									</div>
									<div class="emptyWord">
										<h3>这里空空如也~</h3>
									</div>
								</div>
							</div>
							<!-- 每个粉丝的模板 -->
							<div class="fansTemplate">
								<div class="fan">
									<div class="ui divider"></div>
									<div class="fanHeadPhoto">
										<a href="javascript:void(0);" target="_self"><img src="image/default_headphoto.png" alt="用户头像" /></a>
									</div>
									<div class="fanNickname">
										<a href="javascript:void(0);" target="_self">
											<h4>粉丝的昵称</h4>
										</a>
									</div>
								</div>
							</div>
							<!-- 每个被关注者的模板 -->
							<div class="followsTemplate">
								<div class="follow">
									<div class="ui divider"></div>
									<div class="followHeadPhoto">
										<a href="javascript:void(0);" target="_self"><img src="image/default_headphoto.png" alt="用户头像" /></a>
									</div>
									<div class="followNickname">
										<a href="javascript:void(0);" target="_self">
											<h4>关注用户的昵称</h4>
										</a>
									</div>
								</div>
							</div>
							<!-- 每篇文章的模板 -->
							<div class="articleTemplate">
								<div class="articleDiv">
									<table>
										<tr class="article">
											<td class="collapsing articleLastUpdateTime">
												<i class="clock outline icon"></i>
												<span class="articleLastUpdateTimeWord">2020年4月16日</span>
											</td>
											<td class="articleTitle">这里是文章标题</td>
											<td class="right aligned collapsing">
												<button class="ui red basic button deleteArticle">删除</button>
												<button class="ui teal basic button alternateArticle">修改</button>
											</td>
										</tr>
									</table>
								</div>
							</div>
							<!-- 每个问题的模板 -->
							<div class="questionTemplate">
								<div class="questionDiv">
									<table>
										<tr class="question">
											<td class="collapsing questionLastUpdateTime">
												<i class="clock outline icon"></i>
												<span class="questionLastUpdateTimeWord">2020年4月16日</span>
											</td>
											<td class="questionTitle">这里是问题标题</td>
											<td class="right aligned collapsing">
												<button class="ui red basic button deleteQuestion">删除</button>
												<button class="ui teal basic button alternateQuestion">修改</button>
											</td>
										</tr>
									</table>
								</div>
							</div>
							<!-- 每个回答的模板 -->
							<div class="answerTemplate">
								<div class="eachAnswer">
									<div class="ui divider"></div>
									<div class="answerQuestionTitle">
										<h3>这里是回答的问题的标题</h3>
									</div>
									<div class="answerContentPreview">
										<p>这里是回答内容这里是回答内容这里是回答内容这里是回答内容这里是回答内容这里是回答内容这里是回答内容这里是回答内容</p>
									</div>
									<div class="answerBottomArea">
										<div class="answerLastUpdateTime">
											<span><i class="clock outline icon"></i><span class="answerLastUpdateTimeNum">2020年4月26日</span></span>
										</div>
										<div class="answerOperate">
											<span tabindex="0" hidefocus="true" class="deleteAnswer" style="outline: none;"><i class="trash alternate outline icon"></i>删除</span>
											<span class="alterAnswer"><i class="pencil alternate icon"></i>修改</span>
										</div>
									</div>
								</div>
							</div>
							<!-- 每个评论的模板 -->
							<div class="commentTemplate">
								<div class="commentDiv">
									<table>
										<tr class="comment">
											<td class="collapsing commentSubmitTime">
												<i class="clock outline icon"></i>
												<span class="commentSubmitTimeWord">2020年4月16日</span>
											</td>
											<td class="commentContent">这里是评论内容</td>
											<td class="right aligned collapsing">
												<span class="commentTo">Matsk的回答</span>
											</td>
										</tr>
									</table>
								</div>
							</div>
							<!-- 每篇收藏文章的模板 -->
							<div class="collectionArticleTemplate">
								<div class="collectionArticleDiv">
									<table>
										<tr class="articleCollection">
											<td class="collapsing articleCollectionLastUpdateTime">
												<i class="clock outline icon"></i>
												<span class="articleCollectionLastUpdateTimeWord">2020年4月16日</span>
											</td>
											<td class="articleCollectionTitle">这里是文章标题</td>
											<td class="right aligned collapsing">
												<button class="ui red basic button deleteCollectionArticle">删除</button>
											</td>
										</tr>
									</table>
								</div>
							</div>
							<!-- 每个收藏问题的模板 -->
							<div class="collectionQuestionTemplate">
								<div class="collectionQuestionDiv">
									<table>
										<tr class="questionCollection">
											<td class="collapsing questionCollectionLastUpdateTime">
												<i class="clock outline icon"></i>
												<span class="questionCollectionLastUpdateTimeWord">2020年4月16日</span>
											</td>
											<td class="questionCollectionTitle">这里是问题标题</td>
											<td class="right aligned collapsing">
												<button class="ui red basic button deleteCollectionQuestion">删除</button>
											</td>
										</tr>
									</table>
								</div>
							</div>
							<!-- 每个收藏回答的模板 -->
							<div class="collectionAnswerTemplate">
								<div class="eachCollectionAnswer">
									<div class="ui divider"></div>
									<div class="collectionAnswerQuestionTitle">
										<h3>这里是回答的问题的标题</h3>
									</div>
									<div class="collectionAnswerContentPreview">
										<p>这里是回答内容</p>
									</div>
									<div class="collectionAnswerBottomArea">
										<div class="collectionAnswerLastUpdateTime">
											<span><i class="clock outline icon"></i><span class="collectionAnswerLastUpdateTimeNum">2020年4月26日</span></span>
										</div>
										<div class="collectionAnswerOperate">
											<span tabindex="0" hidefocus="true" class="deleteCollectionAnswer" style="outline: none;"><i class="trash alternate outline icon"></i>取消收藏</span>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="four wide column" id="asidearea">
							<div class="ui segment">
								<div class="ui top attached tabular menu" id="mytabs_aside">
									<a class="item active" data-tab="account_settings"><i class="cog icon"></i>账户</a>
									<a class="item loadFansTab" data-tab="my_followers">粉丝</a>
									<a class="item loadFollowsTab" data-tab="my_follows">关注</a>
								</div>
								<div id="account_settings" class="ui bottom attached tab segment active" data-tab="account_settings">
									<table>
										<tr>
											<td class="aside_account_labeltd">
												<p class="aside_account_label">头像</p>
											</td>
											<td class="aside_account_divtd">
												<div class="aside_account_div">
													<button class="ui blue button disabled" id="upload_headphoto_open_modal"><i class="upload icon"></i>上传</button>
												</div>
											</td>
										</tr>
										<tr>
											<td class="aside_account_labeltd">
												<p class="aside_account_label">昵称</p>
											</td>
											<td class="aside_account_divtd">
												<div class="aside_account_div">
													<button class="ui blue button disabled" id="alter_nickname_open_modal"><i class="pencil icon"></i>修改</button>
												</div>
											</td>
										</tr>
										<tr>
											<td class="aside_account_labeltd">
												<p class="aside_account_label">个性签名</p>
											</td>
											<td class="aside_account_divtd">
												<div class="aside_account_div">
													<button class="ui blue button disabled" id="alter_motto_open_modal"><i class="pencil icon"></i>修改</button>
												</div>
											</td>
										</tr>
										<tr>
											<td colspan="2">
												<p style="color: royalblue;font-weight: 900;">* Tips：如需更改密码，请注销后使用找回密码功能</p>
											</td>
										</tr>
									</table>
								</div>
								<!-- 头像上传模态框 -->
								<div class="ui modal" id="headphoto_modal">
									<i class="close icon"></i>
									<div class="header">
										更新头像
									</div>
									<div class="image content">
										<div class="max_below_768">
											<div class="ui medium" style="width: 200px;height:200px;display:inline-block;">
												<div class="image" id="headphoto_alter_container">
												</div>
											</div>
										</div>
										<div class="description">
											<div class="ui header highdescription">请选择您想要使用的头像</div>
											<p class="highdescription">图片将在上传后自动调整至合适的比例（正方形）。</p>
											<p class="highdescription">因此，请尽量使用透明或白底正方形的头像，</p>
											<p class="highdescription">避免因缩放导致的变形、显示不全。</p>
											<p id="formattip" class="highdescription">支持的图片格式：jpg/jpeg/png/gif/ico</p>
											<button class="ui inverted blue button" id="selectBtn">
												<i class="file image outline icon"></i>选择文件...
											</button>
											<input type="file" id="selectImage" style="display: none;" />
										</div>
									</div>
									<div class="actions">
										<div class="ui black deny button">
											取消
										</div>
										<div class="ui positive right labeled icon button disabled" id="upload_headphoto_btn">
											确认上传
											<i class="checkmark icon"></i>
										</div>
									</div>
								</div>
								<!-- 昵称修改模态框 -->
								<div class="ui modal" id="nickname_modal">
									<i class="close icon"></i>
									<div class="header" style="text-align: center;">
										修改你的昵称
									</div>
									<div class="content" style="text-align: center;">
										<div class="ui icon input" id="nickname_alter_container">
											<input id="nickname_alter_input" type="text" />
											<i class="icon"></i>
										</div>
										<div class="tip_for_alter">
											<label style="text-align: left;"><i class="info circle icon"></i>2-10位字母/中文/数字/下划线</label>
										</div>
									</div>
									<div class="actions">
										<div class="ui black deny button">
											取消
										</div>
										<div id="nickname_modal_submit" class="ui positive right labeled icon button disabled">
											确认修改
											<i class="checkmark icon"></i>
										</div>
									</div>
								</div>
								<!-- 个性签名修改模态框 -->
								<div class="ui modal" id="motto_modal">
									<i class="close icon"></i>
									<div class="header" style="text-align: center;">
										修改你的个性签名
									</div>
									<div class="content" style="text-align: center;">
										<div class="ui icon input" id="motto_alter_container">
											<div class="field ui form">
												<textarea id="motto_alter_input"></textarea>
											</div>
											<i class="icon"></i>
										</div>
										<div class="tip_for_alter">
											<label style="text-align: left;"><i class="info circle icon"></i>不可为空，最长255个字符哦</label>
										</div>
									</div>
									<div class="actions">
										<div class="ui black deny button">
											取消
										</div>
										<div id="motto_modal_submit" class="ui positive right labeled icon button disabled">
											确认修改
											<i class="checkmark icon"></i>
										</div>
									</div>
								</div>
								<!-- 成功修改提示模态框 -->
								<div class="ui modal" id="success_modal">
									<i class="close icon"></i>
									<div class="header" style="text-align: center;">
										恭喜你，提交成功啦
									</div>
									<div class="content" style="text-align: center;">
										<img src="image/success.png" class="tip_modal_pic" />
									</div>
									<div class="actions">
										<div id="success_modal_ok" class="ui positive right labeled icon button">
											好的
											<i class="checkmark icon"></i>
										</div>
									</div>
								</div>
								<!-- 失败修改提示模态框 -->
								<div class="ui modal" id="failed_modal">
									<i class="close icon"></i>
									<div class="header" style="text-align: center;">
										抱歉，出了点问题
									</div>
									<div class="content" style="text-align: center;">
										<img src="image/failed.png" class="tip_modal_pic" />
									</div>
									<div class="actions">
										<div id="failed_modal_ok" class="ui negative right labeled icon button">
											好吧
											<i class="checkmark icon"></i>
										</div>
									</div>
								</div>

								<div id="fans" class="ui bottom attached tab segment" data-tab="my_followers">
									<div class="ui placeholder hideAfterTabLoaded">
										<div class="square image header">
											<div class="line"></div>
											<div class="line"></div>
										</div>
										<div class="square image header">
											<div class="line"></div>
											<div class="line"></div>
										</div>
										<div class="square image header">
											<div class="line"></div>
											<div class="line"></div>
										</div>
									</div>
									<div class="showAfterTabLoaded">
										<div class="ui fluid icon input">
											<i class="search icon"></i>
											<input type="text" class="fansSearch" placeholder="搜索 - 个粉丝...">
										</div>
										<div class="fanslist">

										</div>
									</div>
								</div>

								<div id="followers" class="ui bottom attached tab segment" data-tab="my_follows">
									<div class="ui placeholder hideAfterTabLoaded">
										<div class="square image header">
											<div class="line"></div>
											<div class="line"></div>
										</div>
										<div class="square image header">
											<div class="line"></div>
											<div class="line"></div>
										</div>
										<div class="square image header">
											<div class="line"></div>
											<div class="line"></div>
										</div>
									</div>
									<div class="showAfterTabLoaded">
										<div class="ui fluid icon input">
											<i class="search icon"></i>
											<input type="text" class="followsSearch" placeholder="搜索 - 个关注者...">
										</div>
										<div class="followslist">

										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="twelve wide column" id="mainarea">
							<div class="ui segment">
								<div class="ui top attached tabular menu" id="mytabs_main">
									<a class="item active mainarea_tabs loadArticlesTab" data-tab="my_articles">文章</a>
									<a class="item mainarea_tabs loadQuestionsTab" data-tab="my_questions">问题</a>
									<a class="item mainarea_tabs loadAnswersTab" data-tab="my_answers">回答</a>
									<a class="item mainarea_tabs loadCommentsTab" data-tab="my_comments">评论</a>
									<a class="item mainarea_tabs loadCollectionsTab" data-tab="my_collections">收藏</a>
								</div>
								<!-- 文章列表 -->
								<div id="articles" class="ui bottom attached tab segment active" data-tab="my_articles">
									<div class="ui fluid placeholder hideAfterTabLoaded">
										<div class="paragraph">
											<div class="line"></div>
											<div class="line"></div>
											<div class="line"></div>
										</div>
										<div class="paragraph">
											<div class="line"></div>
											<div class="line"></div>
											<div class="line"></div>
										</div>
										<div class="paragraph">
											<div class="line"></div>
											<div class="line"></div>
											<div class="line"></div>
										</div>
									</div>
									<div class="showAfterTabLoaded">
										<div class="ui fluid icon input">
											<i class="search icon"></i>
											<input type="text" class="articlesSearch" placeholder="搜索我的 - 篇文章标题...">
										</div>
										<div class="articleslist">
											<table class="ui celled striped table tablesorter">
												<thead class="mobileHideTableHead">
													<tr>
														<th>上次修改</th>
														<th>文章标题</th>
														<th>操作</th>
													</tr>
												</thead>
												<tbody>
													
												</tbody>
											</table>
										</div>
									</div>
								</div>
								<!-- 问题 -->
								<div id="questions" class="ui bottom attached tab segment" data-tab="my_questions">
									<div class="ui fluid placeholder hideAfterTabLoaded">
										<div class="paragraph">
											<div class="line"></div>
											<div class="line"></div>
											<div class="line"></div>
										</div>
										<div class="paragraph">
											<div class="line"></div>
											<div class="line"></div>
											<div class="line"></div>
										</div>
										<div class="paragraph">
											<div class="line"></div>
											<div class="line"></div>
											<div class="line"></div>
										</div>
									</div>
									<div class="showAfterTabLoaded">
										<div class="ui fluid icon input">
											<i class="search icon"></i>
											<input type="text" class="questionsSearch" placeholder="搜索我的 - 个问题标题...">
										</div>
										<div class="questionslist">
											<table class="ui celled striped table tablesorter">
												<thead class="mobileHideTableHead">
													<tr>
														<th>上次修改</th>
														<th>问题标题</th>
														<th>操作</th>
													</tr>
												</thead>
												<tbody>
													
												</tbody>
											</table>
										</div>
									</div>
								</div>
								<!-- 回答 -->
								<div id="answers" class="ui bottom attached tab segment" data-tab="my_answers">
									<div class="ui fluid placeholder hideAfterTabLoaded">
										<div class="paragraph">
											<div class="line"></div>
											<div class="line"></div>
											<div class="line"></div>
										</div>
										<div class="paragraph">
											<div class="line"></div>
											<div class="line"></div>
											<div class="line"></div>
										</div>
										<div class="paragraph">
											<div class="line"></div>
											<div class="line"></div>
											<div class="line"></div>
										</div>
									</div>
									<div class="showAfterTabLoaded">
										<div class="ui fluid icon input">
											<i class="search icon"></i>
											<input type="text" class="answersSearch" placeholder="搜索我的 - 个回答内容...">
										</div>
										<div class="answerslist">
											
										</div>
									</div>
								</div>
								<!-- 评论列表 -->
								<div id="comments" class="ui bottom attached tab segment" data-tab="my_comments">
									<div class="ui fluid placeholder hideAfterTabLoaded">
										<div class="paragraph">
											<div class="line"></div>
											<div class="line"></div>
											<div class="line"></div>
										</div>
										<div class="paragraph">
											<div class="line"></div>
											<div class="line"></div>
											<div class="line"></div>
										</div>
										<div class="paragraph">
											<div class="line"></div>
											<div class="line"></div>
											<div class="line"></div>
										</div>
									</div>
									<div class="showAfterTabLoaded">
										<div class="ui fluid icon input">
											<i class="search icon"></i>
											<input type="text" class="commentsSearch" placeholder="搜索我的 - 个评论内容...">
										</div>
										<div class="commentslist">
											<table class="ui celled striped table">
												<thead class="mobileHideTableHead">
													<tr>
														<th>评论时间</th>
														<th>评论内容</th>
														<th>评论对象</th>
													</tr>
												</thead>
												<tbody>
													
												</tbody>
											</table>
										</div>
									</div>
								</div>
								<!-- 收藏 -->
								<div id="collections" class="ui bottom attached tab segment" data-tab="my_collections">
									<div class="ui secondary pointing menu">
										<a class="item active loadArticleCollectionsTab tabSwitcher">
											文章
										</a>
										<a class="item loadQuestionCollectionsTab tabSwitcher">
											问题
										</a>
										<a class="item loadAnswerCollectionsTab tabSwitcher">
											回答
										</a>
									</div>
									<div class="ui">
										<div class="ui fluid placeholder hideAfterTabLoaded">
											<div class="paragraph">
												<div class="line"></div>
												<div class="line"></div>
												<div class="line"></div>
											</div>
											<div class="paragraph">
												<div class="line"></div>
												<div class="line"></div>
												<div class="line"></div>
											</div>
											<div class="paragraph">
												<div class="line"></div>
												<div class="line"></div>
												<div class="line"></div>
											</div>
										</div>
										<!-- 文章收藏 -->
										<div class="showAfterTabLoaded articleCollections">
											<div class="ui fluid icon input">
												<i class="search icon"></i>
												<input type="text" class="collectionsSearch" placeholder="搜索我收藏的 - 篇文章标题...">
											</div>
											<div class="collectionslist">
												<table class="ui celled striped table">
													<thead class="mobileHideTableHead">
														<tr>
															<th>上次修改</th>
															<th>文章标题</th>
															<th>操作</th>
														</tr>
													</thead>
													<tbody>
														
													</tbody>
												</table>
											</div>
										</div>
										<!-- 问题收藏 -->
										<div class="showAfterTabLoaded questionCollections">
											<div class="ui fluid icon input">
												<i class="search icon"></i>
												<input type="text" class="collectionsSearch" placeholder="搜索我收藏的 - 个问题标题...">
											</div>
											<div class="collectionslist">
												<table class="ui celled striped table">
													<thead class="mobileHideTableHead">
														<tr>
															<th>上次修改</th>
															<th>问题标题</th>
															<th>操作</th>
														</tr>
													</thead>
													<tbody>
														
													</tbody>
												</table>
											</div>
										</div>
										<!-- 回答收藏 -->
										<div class="showAfterTabLoaded answerCollections">
											<div class="ui fluid icon input">
												<i class="search icon"></i>
												<input type="text" class="collectionsSearch" placeholder="搜索我收藏的 - 个回答内容...">
											</div>
											<div class="collectionslist">
												
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</main>
		</div>
	</body>
</html>
